<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core">
<ui:composition template="/template/padrao.xhtml">
	<ui:define name="breadcrumb">
		<c:set var="breadcrumbText" value="Gráfico >> Equipamento >> Eficiência"/>
	</ui:define>
	<ui:define name="conteudo">
		<h:panelGroup layout="block" id="dados">
			
			<p:chart type="bar" model="#{eficienciaPorLinhaMBean.grafico}"
				style="height:300px; border: 1px solid;" rendered="#{not empty eficienciaPorLinhaMBean.listEficienciaPorLinha}"/>

			<p:panelGrid style="margin-top:20px; width: 100%;" rendered="#{not empty eficienciaPorLinhaMBean.listEficienciaPorLinha}">
				<f:facet name="header">
					<p:row>
						<p:column>Equip.</p:column>
						<c:forEach var="item"
							items="#{eficienciaPorLinhaMBean.listEficienciaPorLinha}">
							<p:column>
								<h:outputText value="#{item.nome}" />
							</p:column>
						</c:forEach>
					</p:row>
				</f:facet>
				<p:row>
					<p:column styleClass="ui-widget-header" style="font-weight: bold;">GE</p:column>
					<c:forEach var="item"
						items="#{eficienciaPorLinhaMBean.listEficienciaPorLinha}">
						<p:column>
							<h:outputText value="#{item.gef}" />%</p:column>
					</c:forEach>
				</p:row>
				<p:row>
					<p:column styleClass="ui-widget-header" style="font-weight: bold;">Displays</p:column>
					<c:forEach var="item"
						items="#{eficienciaPorLinhaMBean.listEficienciaPorLinha}">
						<p:column>
							<h:outputText value="#{item.displays}" />
						</p:column>
					</c:forEach>
				</p:row>
				<p:row>
					<p:column styleClass="ui-widget-header" style="font-weight: bold;">RPM</p:column>
					<c:forEach var="item"
						items="#{eficienciaPorLinhaMBean.listEficienciaPorLinha}">
						<p:column>
							<h:outputText value="#{item.rpm}" />
						</p:column>
					</c:forEach>
				</p:row>
				<p:row>
					<p:column styleClass="ui-widget-header" style="font-weight: bold;">MTBF</p:column>
					<c:forEach var="item"
						items="#{eficienciaPorLinhaMBean.listEficienciaPorLinha}">
						<p:column>
							<h:outputText value="#{item.mtbfFormat}" />
						</p:column>
					</c:forEach>
				</p:row>
			</p:panelGrid>
			<p:panelGrid style="margin-top:20px; width: 100%;" rendered="#{empty eficienciaPorLinhaMBean.listEficienciaPorLinha}">
				Dados não encontrados
			</p:panelGrid>
		</h:panelGroup>

		<p:poll interval="40"
			listener="#{eficienciaPorLinhaMBean.atualizar()}" update="dados" />
		<div style="width: 100%; text-align: right; margin-top: 10px;">
			<p:link href="eficienciaPorLinhaFullscreen.jsf">Entrar em modo fullscreen</p:link>
		</div>
	</ui:define>
</ui:composition>
</html>